$(function(){
// 提交分类&标签名称和备注----------------------------------------------------------------------------提交分类&标签名称和备注
	$('.Submit').click(function(){
		var ajax_stores = $('#ajax_stores').val();//发送方法路径
		var value = $(this).parent().siblings('.typetag').val();//分类或者标签名称
		var type = $(this).attr("types");//类型 ,区分那个是分类 那个是标签
		var describe = $(this).parent().siblings('.describe').val();//备注,只有分类有
		var id = $(this).parent().siblings('.idi').val();//id
		$.ajax({
		// 发送到方法
		url: ajax_stores,
		//							发送方式
		type: "post",
		//							发送的数据
		data:{data:value,type:type,describe:describe,id:id},
		//							发送数据类型
		dataType: 'json',
		//							返回数据
		success: function(phpData) {
			$('#my-alert .am-modal-bd').html(phpData.message);
			$('#my-alert').modal({//弹框提示成功
				onConfirm: function(options) {//点击确定后执行下面语句
					window.location.reload();//刷新当前页面
				},
			});
		// 把新添加的内容在不刷新页面的额情况下添加进页面
			if(phpData.type == 'type'){//因为有2中类型,所以需要判断
				var str = '';//指定用来拼接的字符串
				$.each(phpData.allData, function(k, v) {//把后台获取的分类所有数据全部遍历
					// 拼接的数据
					str += '<li>';
					str += '<div class="task-checkbox">' + (k+1) + '</div>';
					str += '<div class="task-title">';
					str += '<span class="task-title-sp describe">' + v.describe + '</span>';
					str += '<a href="javascript:;" class="save" type="type" idi="' + v.type_id + '"><span class="label label-sm label-success">' + v.type_name + '</span></a>';
					str += '</div>';
					str += '</li>';
					// 拼接数据结束
				});
				// 覆盖掉原来的数据
				$('#typeBox').html(str);
			}
			if(phpData.type == 'tag'){
				var data = '';
				$.each(phpData.allData, function(k, v) {//把后台获取的标签所有数据全部遍历
					// 拼接的数据
					data += '<a href="javascript:;" class="save" type="tag" idi="' + v.tag_id + '" style="margin-right: 10px;"><span class="label label-sm label-danger Tag">'+ v.tag_name +'</span></a>';
					//拼接的数据结束
				});
				// 覆盖掉原来的数据
				$('#tagsBox').html(data);
			}
		}
		});
	});

//点击标签编辑分类&标签---------------------------------------------------------------------------------点击标签编辑分类&标签
	// delegate:delegate() 方法的事件处理程序适用于当前或未来的元素（比如由脚本创建的新元素）。
	$('body').delegate('.save','click',function(){// 首先指定范围,然后指定元素,下来指定事件
		// 获取点击分类的数据
		var id = $(this).attr('idi');//id
		var data = $(this).children('span').html();//名称
		var describe = $(this).siblings('.describe').html();
		// 判断类型
		if($(this).attr('type') == 'type'){//分类
			reset($(this).attr('type'),'nonew',data,id,describe);//复位方法
			// 弹出提示框
			$('#my1').modal({

			});
		}else{//标签
			reset($(this).attr('type'),'nonew',data,id);//复位方法
			// 弹出提示框
			$('#my2').modal({

			});
		}
	});

// 点击新增按钮,内容复位--------------------------------------------------------------------------------点击新增按钮,内容复位
	$('.sub').click(function(){
		reset($(this).attr('type'),'new');//调用复位函数
	})

// 表单复位----------------------------------------------------------------------------------------------------------表单复位
	function reset(type,action,data,id,describe){//复位方法的参数:type:类型(分类,标签),action:动作(新建,编辑),data:数据,id,describe(备注);
		// 复位动作判定
		if(action == 'new'){//如果是新增
			// 类型判断
			if(type == 'type'){//分类
				$('#my1 .typetag').val('');//分类名称
				$('#my1 .describe').val('');//备注
				$('#my1 .am-modal-hd').html('新建分类');//标题
				$('.idi').val(null);
			}else{//标签
				$('#my2 .typetag').val('');
				$('#my2 .am-modal-hd').html('新建标签');//标题
				$('#my2 p').html('如果输入多个需要用 | 号隔开.');
				$('.idi').val(null);
			}
		}else{//如果是编辑
			// 类型判断
			if (type == 'type') {//分类
				$('#my1 .typetag').val(data);//分类名称
				$('#my1 .describe').val(describe);//备注
				$('#my1 .am-modal-hd').html('编辑分类');//标题
				$('.idi').val(id)
			}else{//标签
				$('#my2 .typetag').val(data);
				$('#my2 .am-modal-hd').html('编辑标签');//标题
				$('#my2 p').html('编辑时只能修改当前的标签,不能写多个');
				$('.idi').val(id)
			}
		}
	}

//删除--------------------------------------------------------------------------------------------------------------删除

// 鼠标移入显示删除-------------------------------------------------------------------------------------鼠标移入显示删除
// --------------------------------------------分类
var num = $('#typeBox li').index();
	$('#typeBox li').mouseover(function(){
		$(this).eq(num).find('.del').show();
	})
	$('#typeBox li').mouseout(function(){
		$(this).eq(num).find('.del').hide();
	})
// --------------------------------------------标签
	var state = 1;
	$('.dels').click(function(){
		if(state == 1){
			$('#tagsBox .del').show();
			$('#tagsBox .save').css('margin-right','0');
			state = 0;
		}else{
			$('#tagsBox .del').hide();
			$('#tagsBox .save').css('margin-right','10px');
			state = 1;
		}
	})
// --------------------------------------------点击删除
$('body').delegate('.del','click',function(){
	//$('.del').click(function(){
		var del = $('#ajax_del').val();
		var del_id = $(this).attr('idi');
		var del_type = $(this).attr('type');
		$('#my-confirm').modal({
			onConfirm: function(options) {
				$.ajax({
					// 发送到方法
					url: del,
					//							发送方式
					type: "post",
					//							发送的数据
					data:{id:del_id,type:del_type},
					//							发送数据类型
					dataType: 'json',
					//							返回数据
					success: function(phpData) {
						window.location.reload();//刷新当前页面
					}
				})
        	},
		})
	})
});